<template>
  <div class="query">
    <div class="content">
      <h3>查询条件</h3>
      <el-form :inline="true" >
        <el-form-item label="文章标题">
          <el-input  placeholder="请输入标题"></el-input>
        </el-form-item>
        <el-form-item label="编辑">
          <el-select placeholder="全部"  size="small"></el-select>
        </el-form-item>
        <el-form-item label="状态">
          <el-select placeholder="全部"  size="small"></el-select>
        </el-form-item>

        <el-form-item>
          <el-button @click="search" type="primary" size="small">查询</el-button>
          <el-button @click="reset"  size="small">重置</el-button>
        </el-form-item>
      </el-form>

      <h3>资讯列表</h3>

    </div>
  </div>
</template>

<script>
  export default {
    name: "query",
    data(){
      return{

      }
    }
  }
</script>

<style scoped>
  .query{
    /*height: 250px;*/
    border: 1px solid white;
    width: 96%;
    margin: auto;
    padding-left: 20px;
    padding-bottom: 20px;
    box-sizing: border-box;
    background-color: white;
  }

</style>
